<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>矿脉宝</title>
    <!--#include virtual="inc/common_head.html" -->
    <!--#include virtual="inc/index_head.html" -->
  </head>
  <body id="main">
    <!--#include virtual="_header.html" -->
    <div class="main-content">
        <!--#include virtual="slider.html" -->
    </div>
    <div class="loading"></div>
    <div class="main-content" id="main-content">
        <div class="add-operators force">
            <p class="operators-remind clearfix">
                <span class='operators-title'>添加算力</span>
                <span class='operators-sure' @click="sureReport()" v-show="isLogin">确定</span>
                <span class="operators-write active" v-show="isLogin">编辑</span>
                <span class="operators-write1 active" v-on:click="topUpMember" v-show="!(isLogin)">编辑</span>
            </p>
            <form class='operators-list' id='operators-list' v-show="isLogin">
                <div v-for="(item,index) in cardList" class="list-info">
                    <input type="text" v-model = "cardListInfo[index].listInfo" index="index" value="cardListInfo[index].listInfo" placeholder="0"/>
                    <span>{{item.cardName}}</span>
                </div>
            </form>
        </div>
        <div class="add-card-list" id="add-card-list" v-show="isLogin && addCardList.length">
            <div class="card-list-content">
                <div class='card-list-title'>
                    <span class="list-title1">币种</span>
                    <span class="list-title2">法币收益</span>
                    <span class="list-title3">日理论收益</span>
                    <span class="list-title4">算力</span>
                    <span class="list-title5">矿池</span>
                    <span class="list-title6">价格</span>
                    <span class="list-title7">收币地址</span>
                    <span class="list-title8">交易地址</span>
                    <span class="list-title9">教程</span>
                </div>
                <div class="card-list-info-content">
                    <div v-for="(item,index) in addCardList" class="card-list-info">
                        <div class="card-list-cont" v-bind:style="addCardColor[index]">
                            <div class="list-money-type">
                                <img v-bind:src="item.picUrl"/>
                                <p>
                                    {{item.curyNo}}
                                </p>
                            </div>
                            <p class="price-fabi">{{item.priceFabi}}元</p>
                            <div class="daily-price">
                                <p class="daily-num">
                                    {{item.dailyTheoryProfit}}个
                                </p>
                                <p class="daily-unit">
                                     每1080Ti
                                </p>
                            </div>
                            <div class="cal-amount">
                                <p class="daily-num">
                                    {{item.computerPowder}}
                                </p>
                                <p class="daily-unit">
                                     mhash/s
                                </p>
                            </div>
                            <p class="pool" v-if="item.poolAddress">
                                <a class="" v-if="item.poolAddressName" v-bind:href="item.poolAddress">{{item.poolAddressName}}</a>
                                <a class="" v-else v-bind:href="item.poolAddress">敬请期待</a>
                            </p>
                            <p class="pool" v-else>
                                敬请期待
                            </p>
                            <p class="pool pool-price">
                                {{item.price}}元
                            </p>
                            <p class="receive-address address bitcoinPrivate" v-if="item.shoubiAddress">
                                <a class="" v-if="item.shoubiName" v-bind:href="item.shoubiAddress">{{item.shoubiName}}</a>
                                <a class="" v-else v-bind:href="item.shoubiAddress">敬请期待</a>
                            </p>
                            <p class="receive-address address" v-else>
                                敬请期待
                            </p>
                            <p class="trade-address address" v-if="item.tradeAdress">
                                <a v-if="item.tradeAddressName" v-bind:href="item.tradeAdress">{{item.tradeAddressName}}</a>
                                <a v-else v-bind:href="item.tradeAdress">敬请期待</a>
                            </p>
                            <p class="trade-address address" v-else>
                                敬请期待
                            </p>
                            <a class="teach-href"  v-if="item.teachUrl" v-bind:href="item.teachUrl">
                                teachUrl
                            </a>
                            <a class="teach-icon"  v-else >
                            </a>
                            <div class="minus-choose" @click = "removeList (index)">
                                -自选
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div v-show="addCardList.length > 1" class="pull-more hide-list"></div>
        </div>
        <div class="cards-list-detial" v-show="cardListInfo.length">
            <p class="cards-type">
                <span class="ncard-type card-type active" v-on:click="changeN">N卡</span>
                <span class="acard-type card-type" v-on:click="changeA">A卡</span>
            </p>
            <p class="cards-num" v-show="cardListInfo.length !==0" v-if="isLogin && iscardList">
                您当前拥有{{cardList[0].cardNum}}张{{cardList[0].cardName}}显卡<span>（收益榜自动刷新）</span>
            </p>
            <div class="cards-list-info" id="cards-list-info">
                <div class='card-list-title'>
                    <span class="list-title1">币种</span>
                    <span class="list-title2">法币收益</span>
                    <span class="list-title3">日理论收益<span class="triangle"></span><span class="day-list"><span v-on:click="changeList(1)">7天</span><span v-on:click="changeList(2)">30天</span></span></span>
                    <span class="list-title4">算力</span>
                    <span class="list-title5">矿池</span>
                    <span class="list-title6">价格</span>
                    <span class="list-title7">收币地址</span>
                    <span class="list-title8">交易地址</span>
                    <span class="list-title9">教程</span>
                </div>
                <div class="card-list-info" v-if="isLogin || pageIndex !== 1">
                    <div class="card-list-cont card-list" v-bind:class="{ active: isPageOne }" v-for="(item,index) in contentList.list">
                        <span class="mark-icon" v-if="pageIndex == 1">{{index + 1}}</span>
                        <div class="list-money-type">
                            <!-- <img src="../img/money-icon.png"/> -->
                            <!-- <img src="{{item.picUrl}}"/> -->
                            <img v-bind:src="item.picUrl"/>
                            <p>
                                {{item.curyNo}}
                            </p>
                        </div>
                        <p class="price-fabi">
                            {{item.priceFabi}}
                        元</p>
                        <div class="daily-price">
                            <p class="daily-num">
                                {{item.dailyTheoryProfit}}个
                            </p>
                            <p class="daily-unit">
                                 {{item.dailyTheoryUnit}}
                            </p>
                        </div>
                        <div class="cal-amount">
                            <p class="daily-num">
                                {{item.computerPowder}}
                            </p>
                            <p class="daily-unit">
                                 mhash/s
                            </p>
                        </div>
                        <p class="pool" v-if="item.poolAddress">
                            <a class="" v-if="item.poolAddressName" v-bind:href="item.poolAddress">{{item.poolAddressName}}</a>
                            <a class="" v-else v-bind:href="item.poolAddress">敬请期待</a>
                        </p>
                        <p class="pool" v-else>
                            敬请期待
                        </p>
                        <p class="pool pool-price">
                            {{item.price}}元
                        </p>
                        <p class="receive-address address" v-if="item.shoubiAddress">
                            <a class="" v-if="item.shoubiName" v-bind:href="item.shoubiAddress">{{item.shoubiName}}</a>
                            <a class="" v-else v-bind:href="item.shoubiAddress">敬请期待</a>
                        </p>
                        <p class="receive-address address" v-else>
                            敬请期待
                        </p>
                        <p class="trade-address address" v-if="item.tradeAdress">
                            <a v-if="item.tradeAddressName" v-bind:href="item.tradeAdress">{{item.tradeAddressName}}</a>
                            <a v-else v-bind:href="item.tradeAdress">敬请期待</a>
                        </p>
                        <p class="trade-address address" v-else>
                            敬请期待
                        </p>
                        <a class="teach-href"  v-if="item.teachUrl" v-bind:href="item.teachUrl">
                            <span v-if="item.teachUrlName">{{item.teachUrlName}}</span>
                            <span v-else>teachUrl</span>
                        </a>
                        <a class="teach-icon"  v-else >
                        </a>
                        <div class="minus-choose" @click = "addList(index)">
                            +自选
                        </div>
                    </div>
                </div>
                <div class="card-list-info" v-else>
                    <div class="card-list-cont card-list no-member" v-bind:class="{ active: isPageOne }" v-for="(item,index) in contentList.list">
                        <div v-if="index === 0 || index === 1 || index === 2" class="no-member">
                            <span class="mark-icon" v-if="pageIndex == 1">{{index + 1}}</span>
                            <p>
                                <span v-on:click="topUpMember">充值会员</span>解锁最高收益币种信息
                            </p>
                        </div>
                        <div v-else class="card-list-member">
                            <div class="list-money-type">

                                <img v-bind:src="item.picUrl"/>
                                <p>
                                    {{item.curyNo}}
                                </p>
                            </div>
                            <p class="price-fabi">{{item.priceFabi}}元</p>
                            <div class="daily-price">
                                <p class="daily-num">
                                    {{item.dailyTheoryProfit}}个
                                </p>
                                <p class="daily-unit">
                                     每1080Ti
                                </p>
                            </div>
                            <div class="cal-amount">
                                <p class="daily-num">
                                    {{item.computerPowder}}
                                </p>
                                <p class="daily-unit">
                                     mhash/s
                                </p>
                            </div>
                            <p class="pool" v-if="item.poolAddress">
                                <a class="" v-if="item.poolAddressName" v-bind:href="item.poolAddress">{{item.poolAddressName}}</a>
                                <a class="" v-else v-bind:href="item.poolAddress">敬请期待</a>
                            </p>
                            <p class="pool" v-else>
                                敬请期待
                            </p>
                            <p class="pool pool-price">
                                {{item.price}}元
                            </p>
                            <p class="receive-address address" v-if="item.shoubiAddress">
                                <a class="" v-if="item.shoubiName" v-bind:href="item.shoubiAddress">{{item.shoubiName}}</a>
                                <a class="" v-else v-bind:href="item.shoubiAddress">敬请期待</a>
                            </p>
                            <p class="receive-address address" v-else>
                                敬请期待
                            </p>
                            <p class="trade-address address" v-if="item.tradeAdress">
                                <a v-if="item.tradeAddressName" v-bind:href="item.tradeAdress">{{item.tradeAddressName}}</a>
                                <a v-else v-bind:href="item.tradeAdress">敬请期待</a>
                            </p>
                            <p class="trade-address address" v-else>
                                敬请期待
                            </p>
                            <a class="teach-href"  v-if="item.teachUrl" v-bind:href="item.teachUrl">
                                <span v-if="item.teachUrlName">{{item.teachUrlName}}</span>
                                <span v-else>teachUrlName}}</span>
                            </a>
                            <a class="teach-icon"  v-else >
                            </a>
                            <div class="minus-choose" @click = "addList(index)">
                                +自选
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="paging-bar">

            <paginate
                :page-count="pageNum"
                :page-range="5"
                :margin-pages="2"
                :click-handler="clickCallback"
                :prev-text="'←'"
                :next-text="'→'"
                :container-class="'pagination'"
                :page-class="'page-item'">
            </paginate>
            <!-- <a href="javascript:;" class="next"><i class="	fa fa-arrow-circle-right"></i></a> -->
         </div>
        <div class="remind-info">
            <span class="close-icon close-remind"></span>
            <p>
                {{remindInfo}}
            </p>
            <p>
                {{remindInfo1}}
            </p>
        </div>
    </div>
    <!--#include virtual="_footer.html" -->


    <!--#include virtual="inc/common_foot.html" -->
    <!--#include virtual="inc/index_foot.html" -->
  </body>
</html>
